@import "$yo-config/layout/yo-flex";
@import "$yo-config/element/yo-btn";

.yo-phone{
	box-sizing:border-box;
	height:370px;
	width:100%;
	justify-content: center;
	align-items:center;
	.yo-infos{
		display:flex;
		width:322px;
		justify-content: center;
		align-items:center;
		flex-wrap:wrap;
		.yo-text{
			display:flex;
			width:322px;
			justify-content: space-between;
			align-items:center;
			span{
				display:inline-block;
				width:56px;
				height:46px;
				line-height:46px;
				text-align:center;
				border:1px solid #ccc;
				border-radius:4px;
			}
			#user-phone{
				width:251px;
				height:46px;
				border:1px solid #ccc;
				border-radius:4px;
				text-indent:1em;
			}
		}
		#user-verify{
			width:322px;
			height:20px;
		}
		#user-word{
			width:322px;
			height:44px;
			margin-top:15px;
			border:1px solid #ccc;
			border-radius:4px;
			text-indent:1em;
		}
	}
	.yo-btn-m{
		margin-top:15px;
		margin-bottom:50px;
	}
	.yo-law{
		width:322px;
		font-size:14px;
		color:#999;
		a{
			color:#0095ff;
		}
	}
}
@include yo-btn(
    $name: m,
    $border-width: 1px,
    $border-color: #666,
    $radius:20px,
    $bgcolor: #fff,
    $color: #ccc,
    $height:34px,
    $width:322px
){
    margin: .1rem;
};
@include yo-btn(
    $name: n,
    $border-width: 1px,
    $border-color: #666,
    $bgcolor: #b7272d,
    $color: #ffe,
    $height:40px,
    $width:322px
){
    margin: .1rem;
};